<template>
  <div class="p1755478534">
    <div class="p1755478895" v-if="list.length">
      <div class="fac jcc" style="font-weight: 700;">
        <div>¥</div>
        <div class="p1755478821">{{price}}</div>
      </div>
      <div class="fz28" style="text-align: center;color: #727171">
        <!-- 订单号：202525897985219 -->
      </div>
      <div class="p1755479505">
        <uv-radio-group activeColor="#D70012" iconPlacement="right" v-model="radiovalue" placement="column">
          <div v-for="(item, index) in list" :key="index" class="p1755479725 pl30 pr30">
            <uv-radio class="" :name="item.type" :label="item.type">
              <div class="fac" style="align-items: flex-end;">
                <img class="p1755566324" :src="item.piclink" alt="">
                <div class="fz32">{{item.pay_name}}</div>
                <div v-if="item.type === 'money'" class="fz28" style="line-height: 1.5;color: #D70012">
                  &nbsp;可用余额：{{item.money}}</div>
              </div>
            </uv-radio>
          </div>
        </uv-radio-group>
        <div @click="payClick" class="p1755160673">确认付款</div>
      </div>
    </div>
  </div>
</template>
<script>
  import { getPaymentMethod } from '@/api'
  export default {
    data() {
      return {
        radiovalue: '',
        price: 0,
        activeIndex: 0,
        routeQuery: {},
        list: []

      }
    },
    onLoad(options) {
      if (options) this.routeQuery = options

    },
    mounted() {
          this.radiovalue = ''
      getPaymentMethod().then(res => {
        if (res.code === 200) {
          this.list = res.result
        }
      })
    },
    methods: {
      payClick() {
        this.$emit('payChange', this.radiovalue)
      }
    },
  }
</script>

<style lang="scss">

</style>
<style lang="scss" scoped>
  .p1755478534 {
    width: 100%;
    background-color: #fff;
    color: #333;

    .p1755566324 {
      width: 50rpx;
      height: 50rpx;
      min-width: 50rpx;
      min-height: 50rpx;
      margin-right: 20rpx;
    }

    .p1755478895 {
      padding-top: 50rpx;
    }

    .p1755479505 {
      background-color: #fff;
      border-radius: 20rpx;
      padding-bottom: 30rpx;
    }


    .p1755478821 {
      font-size: 52rpx;
    }

    .p1755160673 {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 90rpx;
      background: #DE0012;
      font-weight: 600;
      font-size: 36rpx;
      color: #FFFFFF;
      border-radius: 50rpx;
      margin-top: 40rpx;
      margin-left: 30rpx;
      margin-right: 30rpx;
    }

    .pr30 {
      padding-right: 30rpx;
    }
  }
</style>